<script src="__PUBLIC__/Home/js/jquery.fancybox-1.3.1.pack.js"></script>
<script>
    $(document).ready(function() { 
        $("a[rel=group]").fancybox({
            'titlePosition' : 'over',
            'cyclic'        : true,
            'titleFormat'	: function(title, currentArray, currentIndex, currentOpts) {
                return '<span id="fancybox-title-over">' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>';
            }
        });
    });    
</script>
<div class="warp">
<!--    <div id="top">
        <div class="sep1">这是一个简单小巧实用的CMS网站管理系统</div>
        <div class="sep2">HUICMS懂你所在乎需要的</div>
    </div>-->
    <div id="banner">
        <div id="slideshow" class="clearfix">
            <div class="slide clearfix">
                <div class="slideinner">
                    <h1>简单直观的欢迎界面</h1>
                    <p>简单直观的欢迎界面,清晰可见的配置及相关信息，用户不需要复杂的学习即可快速上手。</p>
                </div>
                <img src="__PUBLIC__/images/banner1.jpg" alt="简单的cms" /> </div>
            <div class="slide clearfix">
                <div class="slideinner">
                    <h1>友情链接管理</h1>
                    <p>方便实用的管理友情链接</p>
                </div>
                <img src="__PUBLIC__/images/banner2.jpg" alt="灵活的cms" /> </div>
            <div class="slide clearfix">
                <div class="slideinner">
                    <h1>权限管理</h1>
                </div>
                <img src="__PUBLIC__/images/banner3.jpg" alt="强大的cms" /> </div>
            <div class="slide clearfix">
                <div class="slideinner">
                    <h1>人性化的登陆日志</h1>
                    <p>人性化的记录每位管理员登陆信息。</p>
                </div>
                <img src="__PUBLIC__/images/banner4.jpg" alt="自由的cms"  /> </div>

        </div>
        <div id="slider-controls"></div>
    </div>
    <div class="fn-clear"></div>
    <div id="top">
        <div class="sep1">HUICMS有什么优势</div>
    </div>
    <div id="indexbox">
        <div class="box">
            <div class="pic"><a href="__PUBLIC__/images/ts1.jpg" rel="group" title="简单易懂的使用"><img src="__PUBLIC__/images/ts1.jpg" width="220" height="120" /></a></div>
            <div class="title">简单易懂的使用<br />最简单的界面让您快速上手</div>
        </div>
        <div class="box">
            <div class="pic"><a href="__PUBLIC__/images/ts2.jpg" rel="group" title="管理用户组"><img src="__PUBLIC__/images/ts2.jpg" width="220" height="120" /></a></div>
            <div class="title">管理用户组<br />完整管理员用户组及权限分配</div>
        </div>
        <div class="box">
            <div class="pic"><a href="__PUBLIC__/images/ts3.jpg" rel="group" title="Linux的开发环境"><img src="__PUBLIC__/images/ts3.jpg" width="220" height="120" /></a></div>
            <div class="title">开发环境<br />Linux的开发环境</div>
        </div>
        <div class="box">
            <div class="pic"><a href="__PUBLIC__/images/ts4.jpg" rel="group" title="强大的模块管理"><img src="__PUBLIC__/images/ts4.jpg" width="220" height="120" /></a></div>
            <div class="title">强大的模块管理<br />可以随意增加模型和插件</div>
        </div>
        <div class="fn-clear"></div>
    </div>
</div>